// JavaScript Document
$(function(){

    var order;//标记用户点击的信息索引值，为信息的修改删除做定位标记

    //1，点击删除按钮删除相应信息词条
    $('#f-table').on('click','.bg-color2',function(){
        order = $(this).parents('tr').index();//1.获取要删除的信息条目索引值
    })

    $('.modal-footer').on('click','.bg-color2',function(){
        targetTr = $('#f-table').children().eq(order);//信息确定删除时由索引值定位的删除项。
        $(this).parents('.modal').hide();//提示框消失
        $('.modal-backdrop').hide();//模态框消失
        targetTr.remove();//相应信息清除
    });

    //2，点击左上角增加按钮让信息输入框弹出
    $('#add_info').click(function(){
        $('#pop_info').css('display','block');//弹出新建信息页面
        $('#pop_info').find('input').val('');//初始化新建信息页面
        $('#new_add').css('display','block');//显示新建信息页面的按钮组
        $('#txt_add').css('display','none');//关闭修改信息页面的按钮组
    });

    //点击新增页面返回按钮的效果
    $('#new_add').on('click','.bg-color2',function(){
        $('#pop_info').find('input').val('');//清空新建信息
        $('#pop_info').css('display','none');//关闭新建页面
        $('#new_add').css('display','none');//关闭新建信息页面的按钮组
    })

    //按确定按钮增加新信息：
    $('#new_add').on('click','.bg-color',function(){
        $("#ImgPr").attr("src","");
        var  xnum = $(this).parents('#pop_info').find('.num-input').val(),//获取增加的场地编号等信息
            xname = $(this).parents('#pop_info').find('.name-input').val(),
            xowner = $(this).parents('#pop_info').find('.owner-input').val(),
            xcoords = $(this).parents('#pop_info').find('.coords-input').val()
        xemail = $(this).parents('#pop_info').find('.email-input').val()
        xcall = $(this).parents('#pop_info').find('.call-input').val()
        xclient = $(this).parents('#pop_info').find('.client-input').val()
        // newTr = $('#f-table').children().eq(0).clone(true);//借助克隆体建立新信息。

        if(xclient!=''){//新增信息不为空时：
            $('#pop_info').css('display','none');//关闭新建信息页面
            $('#new_add').css('display','none');//关闭用于新增的按钮组
            newTr.children('.port-num').text(xnum) ;//把新建信息回显至相应条栏
            newTr.children('.port-name').text(xname) ;
            newTr.children('.port-owner').text(xowner) ;
            newTr.children('.port-coords').text(xcoords) ;
            newTr.children('.port-email').text(xemail) ;
            newTr.children('.port-call').text(xcall) ;
            newTr.children('.port-client').text(xclient) ;
            newTr.appendTo($('#f-table'));
        }else{
            alert('新增信息不能为空！')
        }
    });

    //5，修改时点击返回按钮让修改信息页面消失
    $('#txt_add').on('click','.bg-color2',function(){
        $('#pop_info').css('display','none');
        $('#txt_add').css('display','none');//关闭用于修改的按钮组
    });

    //6，确定修改时定位被修改项：
    $('#f-table').on('click','.rewrite',function(){
        id =$(this).parents('tr').attr('class');
        $.ajax({
            type: "POST",
            url: "../user/getClientById",
            dataType:'json',
            data:{
                "id":id
            },
            success:function(data){
                $('#pop_info').css('display','block');
                $('#txt_add').css('display','block');
                $('#clientId').val(data.id);
                $('#pop_info').find('.num-input').val(data.id);
                $('#pop_info').find('.name-input').val(data.name);
                $('#pop_info').find('.owner-input').val(data.legalPerson);
                $('#pop_info').find('.coords-input').val(data.address);
                $('#pop_info').find('.call-input').val(data.phone);
                $('#pop_info').find('.person-input').val(data.linkMan);
                $('#pop_info').find('.tel-input').val(data.mobile);
                $('#pop_info').find('.email-input').val(data.email);
                $('#pop_info').find('.zuoji-input').val(data.tel);
                $('#pop_info').find('.client-input').val(data.serverManager);
                $("#ImgPr").attr("src",data.licenseUrl);
            }
        });

        // 	order = $(this).parents('tr').index();
        // var num = $(this).parent('td').siblings('.port-num').text(),//获取需要修改的场地编号等信息
        // 	name = $(this).parent('td').siblings('.port-name').text(),
        // 	owner = $(this).parent('td').siblings('.port-owner').text(),
        // 	coords = $(this).parent('td').siblings('.port-coords').text();
        // 	email = $(this).parent('td').siblings('.port-email').text();
        // 	call = $(this).parent('td').siblings('.port-call').text();
        // 	client = $(this).parent('td').siblings('.port-client').text();

        // $('#pop_info').css('display','block');
        // $('#txt_add').css('display','block');
        // $('#pop_info').find('.num-input').val(num);//在修改页面中获取需要修改的场地编号等信息
        // $('#pop_info').find('.name-input').val(name);
        // $('#pop_info').find('.owner-input').val(owner);
        // $('#pop_info').find('.coords-input').val(coords);
        // $('#pop_info').find('.email-input').val(email);
        // $('#pop_info').find('.call-input').val(call);
        // $('#pop_info').find('.client-input').val(client);

    });

    //修改信息后保存操作：
    $('#txt_add').on('click','.bg-color',function(){
        var  renum = $(this).parents('#pop_info').find('.num-input').val(),//获取修改后的场地编号等信息
            rename = $(this).parents('#pop_info').find('.name-input').val(),
            reowner = $(this).parents('#pop_info').find('.owner-input').val(),
            recoords = $(this).parents('#pop_info').find('.coords-input').val(),
            reemail = $(this).parents('#pop_info').find('.email-input').val(),
            recall = $(this).parents('#pop_info').find('.call-input').val(),
            reclient = $(this).parents('#pop_info').find('.client-input').val(),
            targetTr = $('#f-table').children().eq(order);//信息确定修改后返回的被修改项。
        $('#pop_info').css('display','none');//关闭弹出页面
        $('#txt_add').css('display','none');//关闭用于修改的按钮
        //被修改后的信息：
        targetTr.children('.port-num').text(renum) ;
        targetTr.children('.port-name').text(rename) ;
        targetTr.children('.port-owner').text(reowner) ;
        targetTr.children('.port-coords').text(recoords) ;
        targetTr.children('.port-email').text(reemail) ;
        targetTr.children('.port-call').text(recall) ;
        targetTr.children('.port-client').text(reclient) ;
    });

    //导入数据按钮效果
    $('#import_btn').click(function(){
        $('.modal-backdrop').fadeIn('200');

    });

})
